.htop { height: 1.4rem; background: linear-gradient(180deg, #fefeff, #dce4f0); } .mobx { display: none } .item { overflow: hidden } .item:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); z-index: 9990; } .item img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .headerp { height: 1.4rem; display: flex; align-items: center; justify-content: space-between; background-image: url(topbj.png); background-repeat: no-repeat; background-position: 70% top; } .headerp .logo { display: block; height: 0.98rem; display: flex; width: 5.19rem; align-items: center; } .headerp .logo a { display: block; } .headerp .logo a img { height:.6rem; display: block; } .headerp .reference { width: 2.58rem; height: 0.38rem; border: 1px solid #0d36bf; border-radius: 1.2rem; overflow: hidden; } .headerp .reference form { width: 100%; display: flex; justify-content: space-between; height: 0.38rem; } .headerp .reference form .text { width: 2.09rem; height: 0.38rem; float: left; padding-left: 0.2rem; font-size: 0.14rem; color: #666; line-height: 0.38rem; } .headerp .reference form .button { width: 0.49rem; height: 0.36rem; background: url(sousuo.png) no-repeat center center #fff; background-size: auto; cursor: pointer; background-size: 0.25rem 0.25rem; } .nav-box { width: 100%; height: 0.7rem; background: linear-gradient(180deg, #0d36bf, #1b3a70); border-bottom-width: 0.05rem; border-bottom-style: solid; border-bottom-color: #dc3538; } .nav-box .nav { height: 0.7rem; line-height: 0.7rem; } .nav-box .nav .inav { width: 14.28%; position: relative; height: 0.6rem; line-height: 0.5rem; float: left; margin-top: 0.1rem } .nav-box .nav .inav.on { background: linear-gradient(180deg, #df3336, #dc3538); border-radius: 3px 3px 0 0 } .nav-box .nav .inav h4 { width: 100%; height: 0.6rem; font-weight: normal; } .nav-box .nav .inav h4 a { display: block; width: 100%; height: 0.6rem; text-align: center; font-size: 0.18rem; color: #fff; } .nav-box .nav .inav:hover h4 a { background: linear-gradient(180deg, #df3336, #dc3538); border-radius: 3px 3px 0 0 } .nav-box .nav .inav ul { width: 100%; position: absolute; left: 0; top: 0.6rem; z-index: 9; display: none; padding-bottom: 10px; background-color: rgba(220,55,56,0.9); border-radius: 0 0 3px 3px } .nav-box #i18 .inav ul { } .nav-box .nav .inav ul li { width: 100%; height: 0.5rem; text-align: center; } .nav-box .nav .inav ul li a { display: block; padding: 0 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.16rem; color: #fff; height: 0.5rem; line-height: 0.5rem; } .nav-box .nav .inav ul li:hover { background: #c93134; } .banner { width: 100%; height: auto; position: relative; } .banner img { width: 100%; height: auto; display: block; } .banner .location { position: absolute; left: 18.75%; bottom: 15%; } .banner .location h4 { font-size: 0.32rem; color: #2082c4; margin-bottom: 0.08rem; } .banner .location .dqwz { font-size: 0.16rem; color: #2082c4; } .banner .location .dqwz a { color: #2082c4; } .banner .location .dqwz a:hover { color: #2082c4; } .content { width: 100%; } .content .ejlm { height: 0.7rem; } .content .ejlm ul li { width: auto; width: 1.45rem; float: left; height: 0.7rem; line-height: 0.7rem; } .content .ejlm ul li a { display: block; background: url(../images/yb.jpg) no-repeat right center; background-size: 1px 0.15rem; text-align: center; font-size: 0.16rem; color: #666; } .content .ejlm ul li.last a { background: none; } .content .ejlm a:hover { color: #2082c4; } .content .ejlm li.on a { color: #2082c4; } .content .gjsb { width: 100%; background: #f8f8f8; padding: 0.5rem 0 0.8rem 0; } .content .gjsb ul { display: flex; } .content .gjsb ul li { width: 20%; height: 4.4rem; } .content .gjsb ul li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .content .gjsb ul li a .img { width: 100%; height: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .gjsb ul li a .img img { width: 100%; height: 100%; display: block; } .content .gjsb ul li a .img h4 { font-size: 0.24rem; color: #fff; font-weight: bold; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0; position: absolute; transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* FirefoZ */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.1rem; } .content .gjsb ul li a .ckgd { position: absolute; width: 100%; height: 100%; left: -100%; ; top: 0; background: url(../images/bg2.png) repeat; padding: 0.64rem 0 0.89rem 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .content .gjsb ul li a .ckgd .gjsb-nr { width: 80%; text-align: center; } .content .gjsb ul li a .ckgd .gjsb-nr .name { font-size: 0.22rem; color: #fff; font-weight: bold; margin-bottom: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .gjsb ul li a .ckgd .gjsb-nr p { font-size: 0.16rem; color: #fff; line-height: 0.38rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .content .gjsb ul li a .ckgd .view-more { width: 1.18rem; height: 0.38rem; border: 1px solid #fff; font-size: 0.16rem; color: #fff; line-height: 0.38rem; text-align: center; } .content .gjsb ul li:hover a .img h4 { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* FirefoZ */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); transition: all 0.3s; } .aboutpic{float:right;margin-left:20px; width:50%} .footer { width: 100%; } .footer .footer-top { width: 100%; padding: 0.5rem 0 0.44rem 0; background-image: url(foot-bj.jpg); background-repeat: no-repeat; background-position: center bottom; background-color:#124b92 } .footer .footer-top .f_left { float: left; width: 8.2rem; } .footer .footer-top .f_left .h1 { font-size: 0.18rem; color: #fff; font-weight: normal; padding-bottom:.2rem } .footer .footer-top .f_left ul { margin-top: 0.18rem; float: left; margin-right: 0.7rem } .footer .footer-top .f_left ul li a { display: block; font-size: 0.14rem; ; color: #f2f2f2; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:.30rem } .footer .footer-top .f_left ul li a:hover { color: #fff; } .footer .footer-top .footer-right { width: 4.6rem; float: right; } .footer .footer-top .footer-right .scan { width: 1.6rem; float: left; } .footer .footer-top .footer-right .scan h5 { font-weight: normal; font-size: 0.18rem; color: #fff; text-align: left; margin-top: 0.2rem } .footer .footer-top .footer-right .scan .ewm { width: 1.6rem; height: 1.6rem; margin-top: 0.2rem; padding:.01rem; background: #fff; } .footer .footer-top .footer-right .scan .ewm img { width: 100%; height: 100%; display: block; } .footer .footer-top .footer-right .gsxx { width: 2.6rem; float: right; margin-top: 0.6rem; float: right } .footer .footer-top .footer-right .gsxx > div { font-size: 0.14rem; color: #f2f2f2; line-height: 0.24rem; margin-top: 0.08rem; } .footer .footer-top .footer-right .gsxx .gsdz span { display: block; float: left; } .footer .footer-top .footer-right .gsxx .gsdz em { display: block; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .dzyx span { display: block; float: left; } .footer .footer-top .footer-right .gsxx .dzyx em { display: block; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .lxwm { width: 1.68rem; height: 0.45rem; border: 1px solid #999; text-align: center; line-height: 0.45rem; font-size: 0.16rem; color: #fff; display: block; border-radius: 2px; margin-top: 0.2rem; } .footer .records { width: 100%; background: #1c1d22; height: 0.725rem; line-height: 0.725rem; font-size: 0.14rem; color: #ccc; text-align: center; } .footer .records a { color: #ccc; padding-left: 30px } .footer .footer-top .footer-right .gsxx .lxwm:hover { background-color: #fa373b; } .header .ss-dh-sp { display: none; } .header .ss-dh-sp .seek { width: 1.3rem; height: auto; position: relative; margin-right: 0.5rem; } .header .ss-dh-sp .seek img { width: 1.1rem; height: auto; display: block; } .header .ss-dh-sp .hunt { position: absolute; ; width: 75%; height: 1.4rem; background: #fff; left: 12.5%; top: 2.1rem; z-index: 99; box-shadow: 0 0 12px #999; border-radius: 0.2rem; overflow: hidden; display: none; } .header .ss-dh-sp .hunt .itext { width: 82%; height: 1.4rem; padding: 0 0.4rem; font-size: 0.14rem; color: #666; float: left; } .header .ss-dh-sp .hunt .isubmit { width: 18%; height: 1.4rem; background: #0a3b95; font-size: 0.16rem; color: #fff; float: left; } .header .ss-dh-sp .menu { width: 1.3rem; height: 1.1rem; } .header .ss-dh-sp .menu .imenu { width: 1.3rem; height: 1.1rem; position: relative; } .header .ss-dh-sp .menu .imenu span { background: url(cd.png) no-repeat; display: block; width: 100%; height: 0.11rem; background-size: 100% 0.11rem; position: absolute; z-index: 5; top: 0.01rem; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .header .ss-dh-sp .menu .imenu span.menu2 { top: 0.49rem; } .header .ss-dh-sp .menu .imenu span.menu3 { top: 0.99rem; } .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .header .ss-dh-sp .menu .imenu.on .menu1 { top:.5rem; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .header .ss-dh-sp .menu .imenu.on .menu2 { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; } .header .ss-dh-sp .menu .imenu.on .menu3 { top:.5rem !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header .ss-dh-sp .isp-dh { position: absolute; top: 2.5rem; left: 0; width: 100%; z-index: 9; display: none; background-color: rgba(255,255,255,0.95); height: 100% } .header .ss-dh-sp .isp-dh .sp-dh { width: 100%; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh { width: 100%; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh.on h6 { background: #0a3b95; border-bottom: none; border-top: 1px solid #0a3b95; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh.on h6 a { color: #fff; display: block } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 a .iconfont { float: right; display: block; font-size: 14px!important; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 { width: 100%; height: 1.8rem; display: flex; align-items: center; border-top: 1px solid #ddd; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 a { font-size: 14px; color: #333; font-weight: normal; padding: 0 5%; display: block; width: 100%; height: 38px; line-height: 38px; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul { width: 100%; display: none; padding-bottom: 10px; padding-top: 10px } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li { width: 100%; height: 30px; border-bottom: 1px solid #ddd; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li:last-child { border-bottom: 0px solid #ddd; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a { display: block; width: 100%; padding: 0 5%; height: 30px; line-height: 30px; font-size: 12px; color: #666; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a .iconfont { font-size: 12px!important; padding-right: 10px } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a:active { color: #0a3b95; } /* 荣誉 */ .content.cpny { text-align: center; } .content .product { width: 100%; } .content .product .iproduct { background: #fff; } .content .product .iproduct .oproduct { width: 100%; font-size: 28px; color: #666; padding-top: 0.5rem } .content .product .iproduct .oproduct li { width: 22.9%; float: left; margin: 0 2.8% 0.34rem 0; } .content .product .iproduct .oproduct li:nth-child(4n+1) { clear: both !important; } .content .product .iproduct .oproduct li img { width: 100%; height: auto; border: 1px solid #eaeaea; display: block; overflow: hidden; transition: all 0.4s; } .content .product .iproduct .oproduct li:hover img { transition: all 0.4s; transform: scale(1.1); border: 1px solid #0a3b95; } .content .product .iproduct .oproduct li .hyhdxx { width: 100%; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 0.16rem; font-size: 0.16rem; color: #333; transition: all 0.4s; } .content .product .iproduct .oproduct li:hover .hyhdxx { color: #0a3b95; transition: all 0.4s; } .aboultlb { text-align: center; padding-top: 40px; height: 30px; line-height: 30px; margin: auto; margin-bottom: 35px; } .aboultlb a { padding-left: 20px; padding-right: 20px; background-color: #f2f2f2; border-left-width: 1px; border-left-style: solid; border-left-color: #fff; font-size: 14px; color: #333; padding-bottom: 8px; padding-top: 8px; } .aboultlb a:nth-child(1) { border-left-width: 0px; border-radius: 80px 0 0 88px; padding-left: 20px } .aboultlb a:nth-child(7) { border-right-width: 0px; border-radius: 0 80px 88px 0; padding-right: 20px } .aboultlb a.on, .aboultlb a:hover { background: #ff373b; color: #fff; } /* 联系我们 */ .content .contact { width: 100%; } .content .contact .icontact { background: #fff; text-align: left; padding-bottom:.8rem; padding-top:.3rem } .content .contact .icontact h3 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; margin-bottom: 0.7rem; text-align: center; } .content .contact .icontact .atlas { width: 100%; position: relative;overflow: hidden; } .content .contact .icontact .atlas img { width: 100%; height: auto; display: block; } .content .contact .icontact .atlas .lxwmxx { position: absolute; right: 0; top: 0; background: url(bg3.png) repeat; width: 4.7rem; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 0.92rem; } .content .contact .icontact .atlas .lxwmxx > div { font-size: 0.16rem; color: #fff; margin-bottom: 0.2rem; line-height: 0.28rem; } .content .contact .icontact .atlas .lxwmxx > div span { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx > div em { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx .wxdh span { background: url(wxdh.png) no-repeat left center; padding-left: 0.3rem; background-size: 0.18rem 0.18rem; } .content .contact .icontact .atlas .lxwmxx .wxdh2 span { background: url(mob.png) no-repeat left center; padding-left: 0.3rem; background-size: 0.18rem 0.18rem; } .content .contact .icontact .atlas .lxwmxx .qqyx span { background: url(qqyx.png) no-repeat left center; padding-left: 0.28rem; background-size: 0.18rem 0.14rem; } .content .contact .icontact .atlas .lxwmxx .dhcz span { background: url(dhcz.png) no-repeat left center; padding-left: 0.29rem; background-size: 0.19rem 0.19rem; } .content .contact .icontact .atlas .lxwmxx .gsdz { margin-bottom: 0; } .content .contact .icontact .atlas .lxwmxx .gsdz span { background: url(gsdz.png) no-repeat left center; padding-left: 0.28rem; background-size: 0.15rem 0.19rem; } .content .contact .icontact .atlas .lxwmxx > div em { width: 1.98rem; } /* 案例 */ .content .hyhd { width: 100%; padding: 0.5rem 0 0.8rem 0; } .content .hyhd .ihyhd { background: #fff; } .content .hyhd .ihyhd ul { margin-bottom: 0.2rem; } .content .hyhd .ihyhd ul li { width: 31.18%; float: left; margin: 0 3.23% 0.3rem 0; cursor: pointer } .content .hyhd .ihyhd ul li:nth-child(3n) { margin-right: 0; } .content .hyhd .ihyhd ul li .images { width: 100%; display: block; overflow: hidden; } .content .hyhd .ihyhd ul li .images img { width: 100%; height: auto; display: block; transition: all 0.6s; cursor: pointer } .content .hyhd .ihyhd ul li .hyhdxx { font-size: 0.18rem; color: #333; line-height: 0.3rem; margin-top: 0.08rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer; height: 0.6rem } .content .hyhd .ihyhd ul li:hover .images img { transition: all 0.6s; transform: scale(1.1); } .content .hyhd .ihyhd ul li:hover .hyhdxx { color: #164281; transition: all 0.4s; } .cpjst { } .cpjst .ltxt { float: left; width: calc(50% - 20px); TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; line-height: 1.8 } .cpjst .ltxt strong { color: #0d36bf; font-size: 22px; } .cpjst .ltxt b { display: block; padding-top: 10px; } .cpjst .ltxt p span { display: block; float: left; padding-left: 15px; padding-right: 15px; line-height: 30px; margin-right: 5px; background-color: #ec3333; border-radius: 15px; font-size: 12px; margin-top: 5px; color:#fff; } .cpjst .ltxt p em { color: #FF3F55; padding-right: 10px; } .cpjst .ltxt img { width: 100%; } .cpjst .rmap { float: right; width: calc(50% - 0px); padding-top: 50px } .cpjst .rmap li { float: left; width: calc(50% - 10px); margin-left: 10px; margin-bottom: 10px; position: relative; height: auto; cursor: pointer } .cpjst .rmap li .litmap { width: 100%; } .cpjst .rmap li p { display: block; width: calc(100% - 0); background-image: linear-gradient(180deg, transparent 10%, rgba(13,54,191,.8)); position: absolute; left: 0; bottom: 0; color: #fff; line-height: 40px; width: 100%; text-align: center; padding-top: 25px } .cpjst .rmap li img { width: 100%; display: block } .cpjst .jtxx { padding-top: 20px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; line-height: 1.8 } .cpjst .jtxx strong { color: #0d36bf; font-size: 22px; padding-bottom: 10px; display: block } .cpjst .jtxx b { display: block; padding-top: 10px; } .cpjst .jtxx .iconfont { color: #0d36bf; padding-right: 5px; } .layui-map { width: 100% } .layui-map img { width: 100%; height: 100%; display: block } .cpabout { } .cpabout b { color: #0d36bf; font-size: 16px; padding-bottom: 10px; display: block } /* 新闻动态—中心新闻 */ .content .zxxw { width: 100%; } .content .zxxw .izxxw .journalism { width: 100%; margin-top:.3rem } .content .zxxw .izxxw .journalism ul { margin-bottom: 0.5rem; } .content .zxxw .izxxw .journalism ul li { width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; height: 220px; overflow: hidden } .content .zxxw .izxxw .journalism ul li .newsimg { float: left; width: 0%; height: 200px; transition: width 0.7s ease; /* 添加过渡动画 */ overflow: hidden; /* 防止内容溢出 */ margin-right: 20px;} .content .zxxw .izxxw .journalism ul li:hover .newsimg { width: 300px; } .content .zxxw .izxxw .journalism ul li a .looku img { width: 30px; } .content .zxxw .izxxw .journalism ul li a .looku { background: #0d36bf; /* 替换 float:right：flex 布局中 float 无效，用 margin-left:auto 实现右对齐 */ margin-left: auto; text-align: center; width: 0px; height: 200px; display: flex; align-items: center; /* 垂直居中 */ justify-content: center; /* 水平居中 */ opacity: 0; /* 初始完全透明 */ /* 合并 transition：同时控制 width 和 opacity 的过渡，避免覆盖 */ transition: width 0.7s ease, opacity 0.7s ease; } .content .zxxw .izxxw .journalism ul li:hover a .looku { width: 80px; /* 宽度展开 */ opacity: 1; /* hover 时完全不透明（原 0.8 改为 1） */ } .content .zxxw .izxxw .journalism ul li .newsimg img { width: 100%; height: 100%; border-radius: 4px; } .content .zxxw .izxxw .journalism ul li a { display: block; width: 100%; justify-content: space-between; } .content .zxxw .izxxw .journalism ul li a .date { font-size: 0.18rem; color: #666; float: left; width: 100px; margin-right: 20px; } .content .zxxw .izxxw .journalism ul li a .date p { font-size: 0.26rem; text-align: right; display: block; padding-top: 18px } .content .zxxw .izxxw .journalism ul li a .date span { display: block; text-align: right } .content .zxxw .izxxw .journalism ul li a .zxxwxx { width: calc(100% - 20px); float: left; text-align: left; height: 100%; display: block; justify-content: center; flex-direction: column; padding-top: 20px; transition: width 0.7s ease; } .content .zxxw .izxxw .journalism ul li:hover a .zxxwxx { width: calc(100% - 330px); } .content .zxxw .izxxw .journalism ul li a .zxxwxx h4 { font-size: 0.22rem; color: #333; font-weight: normal; transition: all .2s ease-in 0s; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p { font-size: 0.16rem; color: #999; line-height: 0.3rem; margin-top: 0.1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; padding-bottom: 0.15rem } .content .zxxw .izxxw .journalism ul li a:hover .zxxwxx h4 { color: #0d36bf; transition: all .2s ease-in 0s; } .content .zxxw .izxxw .zxxw-right { width: 28%; float: right; } .content .zxxw .izxxw .zxxw-right .recommend { background: #f7f7f7; width: 100%; padding: 0.2rem 0.2rem 0.14rem 0.2rem; text-align: left; } .content .zxxw .izxxw .zxxw-right .recommend img { width: 100%; height: auto; display: block; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx { width: 100%; margin-top: 0.12rem; text-align: left; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx h5 { font-size: 0.16rem; color: #333; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: normal; padding-bottom:.3rem } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx p { font-size: 0.16rem; color: #999; line-height: 0.3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 0.1rem; } .content .zxxw .izxxw .zxxw-right .recommend .ickgd { font-size: 0.16rem; color: #0a3b95; margin-top: 0.14rem; display: inline-block; } .content .zxxw .izxxw .zxxw-right .tjbt { width: 100%; margin-top: 20px; text-align: left; } .content .zxxw .izxxw .zxxw-right .tjbt .title { display: block; background: #fff; margin-bottom: 1px; padding: 0.1rem 0.1rem 0.1rem 0.1rem; display: flex; align-items:stretch:center; } .content .zxxw .izxxw .zxxw-right .tjbt .title p { font-size: 0.22rem; color: #333; line-height: 0.36rem; } .content .zxxw .izxxw .zxxw-right .tjbt .title:hover p { color: #2082c4; } /* zxxw250925新闻动态—中心新闻 */ .zxxw250925 .newslist { margin-left: 5px; margin-right: 5px; margin-bottom: 50px; } .zxxw250925 .newslist li { margin-top: 30px; padding-top: 120px; } .zxxw250925 .newslist .newsbox03 { padding: 0 40px; position: relative; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .zxxw250925 .newslist .cf::after { clear: both; } .zxxw250925 .newslist .cf::before, .cf::after { content: ""; display: table; } .zxxw250925 .newslist .newsbox03 .mord01 .pic { width: 40%; float: left; } .zxxw250925 .newslist .newsbox03 .bgimg { width: 100%; } .zxxw250925 .newslist .newsbox03 .uppic { width: 100%; height: 100%; transition: transform 1s; } .zxxw250925 .newslist .newsbox03 .pic { position: relative; height: auto; overflow: hidden; margin-top: -60px; } .zxxw250925 .newslist .newsbox03 .txtarea02 { width: calc(60% - 20px); float: right; padding-top: 60px; } .zxxw250925 .newslist .newsbox03 .txtarea02 h2 a { font-size: 28px; color: #333; } .zxxw250925 .newslist .newsbox03 .txtarea02 h2 a:hover { color: #0d36bf; } .zxxw250925 .newslist .newsbox03 .txtarea02 .tips { border: 1px solid #6b86d4; margin-top: 30px; width: 90px; color: #6b86d4; height: 34px; line-height: 32px; text-align: center; font-size: 18px; border-radius: 6px; } .zxxw250925 .newslist .newsbox03 .txtarea { margin-top: 40px; height: 140px; position: relative; } .zxxw250925 .newslist .newsbox03 .txtarea .date { font-size: 16px; color: #999; width: 180px; height: 90px; float: left; background: url(jia2.png) 80px center no-repeat; } .zxxw250925 .newslist .newsbox03 .txtarea .date span { font-size: 72px; color: #0d36bf; margin-right: 30px; } .zxxw250925 .newslist .newsbox03 .txtarea .desc { font-size: 18px; color: #666; line-height: 32px; width: calc(100% - 220px); float: right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .zxxw250925 .newslist .newsbox03 .txtarea .mores { position: absolute; right: 20px; bottom: -30px; background-color: #0d36bf; color: #fff; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; overflow: hidden } .zxxw250925 .newslist .newsbox03 .txtarea .mores a { display: block; width: 60px; height: 60px; } .zxxw250925 .newslist .newsbox03 .txtarea .mores span { color: #fff; font-size: 30px; } .zxxw250925 .newslist .newsbox03 .txtarea .mores:hover { background-color: #fa393d; } .newsrleft { float: left; width: calc(75% - 20px); } .newsright { width: 25%; float: right; margin-top: 20px; } .newsright h3.tit { font-size: 20px; font-weight: normal; color: #000; background: #f5f5f5; height: 70px; line-height: 70px; padding: 0 0 0 30px; margin-bottom: 30px; margin-left: 40px; border-radius: 4px; } .newsright h3.tit i { margin-right: 20px; font-size: 36px; line-height: 70px; } .zxnewslist { margin: 0 30px 30px 40px; border-left: 1px solid #dddddd; padding: 5px 0 30px 30px; } .zxnewslist li p.date { color: #666; font-size: 16px; border-left-width: 1px; border-left-style: solid; border-left-color: #0d36bf; margin-left: -30.5px; padding-left: 27px; height: 20px; line-height: 20px; overflow: hidden } .zxnewslist li p.date i { padding-right: 5px; font-size: 14px; } .zxnewslist li p.tit { font-size: 16px; margin-top: 5px; line-height: 1.5; margin-bottom: 15px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; } .zxnewslist li p.tit a { color: #333 } .zxnewslist li p.tit a:hover { color: #0d36bf; } /* 产品详情 */ .content .xwdt { width: 100%; } .content .xwdt .ixwdt { background: #fff; } .content .xwdt .ixwdt .caption { width: 100%; text-align: center; } .content .xwdt .ixwdt .caption h4 { font-size: 0.28rem; color: #333; font-weight: normal; padding-top: 0.5rem } .content .xwdt .ixwdt .caption .shorttitle { font-size: 0.22rem; color: #333; font-weight: normal; padding-top: 0.5rem } .content .xwdt .ixwdt .caption .date { font-size: 0.16rem; color: #999; margin-top: 0.08rem; } .content .xwdt .ixwdt .xwxq { width: 100%; margin-top: 0.34rem; text-align: justify; padding-bottom: 0.6rem } .content .xwdt .ixwdt .xwxq p { font-size: 0.2rem; color: #666; line-height: 1.8; padding-bottom: 0.1rem } .content .xwdt .ixwdt .xwxq div { font-size: 0.2rem; color: #666; line-height: 1.8; padding-bottom: 0.1rem } .content .xwdt .ixwdt .xwxq p img { max-width: 100%; height: auto; display: block; margin: 0.3rem auto; } .content .xwdt .ixwdt .xwxq div img { max-width: 100%; height: auto; display: block; margin: 0.3rem auto; } .content .xwdt .ixwdt .article { width: 100%; margin-top: 0.68rem; text-align: left; } .content .xwdt .ixwdt .article > div { font-size: 0.16rem; color: #666; } .content .xwdt .ixwdt .article > div span { display: block; float: left; } .content .xwdt .ixwdt .article > div a { color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 90%; float: left; } .content .xwdt .ixwdt .article .top { margin-bottom: 0.14rem; } .content .xwdt .ixwdt .article > div a:hover { color: #2082c4; } /* PPH.HDPE 产品详情 */ .cplistwrap { } .cplistwrap li { background-color: #f2f2f2; height: auto; width: 100%; margin-top: 40px; margin-bottom: 0; display: inline-table } .cplistwrap li .cont { width: 41%; margin-left: 3.5%; padding-top: 50px; float: left; } .cplistwrap li .img { width: 50%; position: relative; height: 100%; overflow: hidden; transition: normal; line-height: 2; } .cplistwrap li:nth-of-type(even) .cont { float: right; margin-right: 3.5%; } .cplistwrap li:nth-of-type(even) .img { float: left; } .cplistwrap li .cont .f36 { font-size: 24px; line-height: 44px; color: #035cac; } .cplistwrap li .cont:hover .f36 {color: #0d36bf; } .cplistwrap li .cont .word { display: block; line-height: 1.8; margin-top: 16px; font-size: 14px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; color: #333 } .cplistwrap li .img img { width: 100%; margin: 0px; padding: 0px; display: block } /* 招才引智 */ .content .zcyz { width: 100%; } .content .zcyz .izcyz { background: #fff; } .content .zcyz .izcyz .recruit { width: 100%; margin-top: 0.68rem; padding-bottom: 0.68rem } .content .zcyz .izcyz .recruit .recruit-top { width: 100%; background: #0d36bf; height: 0.5rem; } .content .zcyz .izcyz .recruit .recruit-top ul li { float: left; height: 0.5rem; line-height: 0.5rem; border-right: 1px solid #3b62aa; font-size: 0.16rem; color: #fff; text-align: center } .content .zcyz .izcyz .liszpd { padding-top: 0.5rem } .content .zcyz .izcyz .liszpd h3 { font-size: 0.22rem; font-weight: normal } .content .zcyz .izcyz .liszpd .text { line-height: 0.32rem; padding-top: 0.1rem; color: #999 } .content .zcyz .izcyz .recruit .recruit-top ul li.for1 { width: 30%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for2 { width: 15%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for3 { width: 15%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for4 { width: 12.5%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for5 { width: 12.5%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for6 { width: 15%; } .content .zcyz .izcyz .recruit .zpxx { width: 100%; } .content .zcyz .izcyz .recruit .zpxx ul li { width: 100%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj { width: 100%; border-bottom: 1px solid #dadada; height: 0.8rem; display: flex; align-items: center; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size: 0.16rem; color: #454545; text-align: center } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zwmc { width: 30%; padding-left: 15px; text-align: left } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .gzdd { width: 15%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .fbsj { width: 15%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .jzsj { width: 12.5%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zprs { width: 12.5%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq { width: 15%; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p { background: url(sq.png) no-repeat right center; display: inline-block; padding-right: 0.34rem; color: #2082c4; background-size: 0.21rem 0.21rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz { padding: 0.24rem 0.54rem 0.42rem 0.54rem; text-align: left; display: none; font-size: 0.17rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz span { display: block; font-size: 0.2rem; color: #333; margin-bottom: 0.12rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { font-size: 0.16rem; color: #666; line-height: 0.32rem; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p { background: url(../images/zk.png) no-repeat right center; background-size: 0.21rem 0.21rem; } .content .zcyz .izcyz .recruit .zpxx .translate { width: 100%; margin-top: 0.5rem; text-align: center; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate { display: inline-block; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span { display: block; min-width: 0.6rem; height: 0.6rem; padding: 0 0.2rem; line-height: 0.6rem; background: #eaeaea; font-size: 0.16rem; color: #666; float: left; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span.current { background: #0a3b95; color: #fff; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate a { display: block; float: left; min-width: 0.6rem; height: 0.6rem; padding: 0 0.2rem; line-height: 0.6rem; font-size: 0.16rem; color: #666; float: left; background: #eaeaea; } .content .zcyz .izcyz .recruit .zpxx .translate .xyy { min-width: 1.27rem; height: 0.6rem; background: #eaeaea; font-size: 0.16rem; color: #666; line-height: 0.6rem; display: block; float: right; } .content .zcyz .izcyz .recruit.sjsp { display: none; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for1 { width: 25%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for2 { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for3 { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for4 { width: 21%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj { background: #fff; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li.on .zptj { background: #2082c4; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li.on .zptj > div { color: #fff } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .zwmc { width: 25%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .fbsj { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .jzsj { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .zprs { width: 21%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd { width: 100%; margin-top: 8px; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd span { display: block; font-size: 14px; color: #454545; float: left; margin-right: 0.3rem; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd em { display: block; float: left; font-size: 14px; color: #666; width: 80%; } .content .zcyz .izcyz .recruit .zpxx .ckgd { display: none; } /* 中心概况—大事记 */ .content .chronicle { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .chronicle .ichronicle { background: #fff; padding: 0.72rem 0.6rem 0.5rem 0.5rem; } .content .chronicle .ichronicle h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .chronicle .ichronicle .catalogue { padding-left: 1.08rem; margin-top: 0.56rem; } .content .chronicle .ichronicle .catalogue ul { border-left: 1px solid #ddd; } .content .chronicle .ichronicle .catalogue ul li { width: 100%; margin-bottom: 0.6rem; position: relative; } .content .chronicle .ichronicle .catalogue ul li.last { margin-bottom: 0; } .content .chronicle .ichronicle .catalogue ul li .dsj { width: 100%; position: relative; margin-bottom: 0.34rem; } .content .chronicle .ichronicle .catalogue ul li .dsj .month { width: 0.56rem; height: 0.26rem; float: left; position: relative; padding-left: 0.12rem; box-sizing: content-box; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth { width: 100%; height: 100%; background: url(../images/yuan.png) no-repeat left center; padding-left: 0.16rem; position: absolute; top: 0; left: -4px; box-sizing: content-box; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth p { font-size: 16px; color: #666; width: 100%; height: 0.26rem; background: url(../images/yuefen.png) no-repeat; background-size: 100% 100%; line-height: 0.26rem; text-align: center; } .content .chronicle .ichronicle .catalogue ul li .year { font-size: 0.28rem; color: #333; font-weight: bold; position: absolute; top: 0; left: -1.08rem; line-height: 0.32rem; } .content .chronicle .ichronicle .catalogue ul li .dsj .story { font-size: 16px; color: #666; line-height: 0.32rem; width: 90.5%; float: right; text-align: left; } /* 中心概况—股东构成 */ .content .stockholder { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .stockholder .constitute { padding: 0.7rem 0.5rem 0.5rem 0.5rem; background: #fff; } .content .stockholder .constitute h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .stockholder .constitute .gdgc { width: 100%; margin-top: 0.1rem; } .content .stockholder .constitute .gdgc .gdgc-sm { font-size: 0.18rem; color: #666; line-height: 0.33rem; } .content .stockholder .constitute .gdgc .gdgcb { width: 100%; text-align: left; margin-top: 0.44rem; } .content .stockholder .constitute .gdgc .gdgcb span { display: block; font-size: 0.16rem; color: #666; margin-bottom: 0.24rem; } .content .stockholder .constitute .gdgc .gdgcb table { width: 83.27%; margin: 0 auto; border: 1px solid #0a3b95; border-bottom: none; border-right: none; } .content .stockholder .constitute .gdgc .gdgcb table tr th { background: #0a3b95; height: 0.4rem; text-align: center; font-size: 0.18rem; color: #fff; font-weight: normal; } .content .stockholder .constitute .gdgc .gdgcb table tr th.serial { width: 7.64%; border-right: 1px solid #859dca; } .content .stockholder .constitute .gdgc .gdgcb table tr th.gddw { width: 54.58%; border-right: 1px solid #859dca; } .content .stockholder .constitute .gdgc .gdgcb table tr th.ranking { border-bottom: 1px solid #859dca; height: 0.47rem; } .content .stockholder .constitute .gdgc .gdgcb table tr td { height: 0.6rem; text-align: center; font-size: 0.18rem; color: #666; border-right: 1px solid #0a3b95; border-bottom: 1px solid #0a3b95; } .content .stockholder .constitute .gdgc .gdgcb table tr td.gsmc { text-align: left; padding: 0 0.1rem 0 0.2rem; } /* 中心概况—运营模式 */ .content .operation { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .operation .pattern { background: #fff; padding: 0.7rem 0.5rem 0.42rem 0.5rem; } .content .operation .pattern h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .operation .pattern .yyms-nr { width: 100%; margin-top: 0.1rem; text-align: justify; } .content .operation .pattern .yyms-nr p { font-size: 18px; color: #666; line-height: 32px; margin-bottom: 0.34rem; text-indent: 2em; } .content .operation .pattern .yyms-nr p img { max-width: 100%; height: auto; display: block; margin: 0 auto; margin-bottom: 0.73rem; } /* 中心概况—中心简介 */ .content .corporate { width: 100%; background: #f7f7f7; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .corporate .intro { background: #fff; padding: 0.8rem 0.5rem 0.42rem 0.5rem; } .content .corporate .intro .synopsis { width: 100%; display: flex; align-items: center; justify-content: space-between; } .content .corporate .intro .synopsis .brief { width: 50.54%; float: left; } .content .corporate .intro .synopsis .brief .ilogo { width: 82.85%; height: auto; display: block; } .header-sy .header-sy-top .ilogo { width: 4.07rem; height: 0.32rem; } .header-sy .header-sy-top .ilogo img { width: 100%; height: 100%; display: block; } .content .corporate .intro .synopsis .brief .qyjj { width: 100%; margin-top: 0.46rem; text-align: justify; } .content .corporate .intro .synopsis .brief .qyjj h5 { font-size: 0.26rem; color: #333; font-weight: normal; margin-bottom: 0.2rem; } .content .corporate .intro .synopsis .brief .qyjj p { font-size: 18px; color: #666; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-indent: 2em; } .content .corporate .intro .synopsis .images { width: 44.54%; } .content .corporate .intro .synopsis .images img { width: 100%; height: auto; display: block; } .content .corporate .intro .referral { width: 100%; margin-top: 0.5rem; } .content .corporate .intro .referral .data { width: 100%; display: flex; align-items: center; justify-content: space-around; background: url(../images/bg4.jpg) no-repeat; height: 2.06rem; padding: 0 15.45%; background-size: 100% 100%; } .content .corporate .intro .referral .data .yszj { text-align: center; } .content .corporate .intro .referral .data .yszj .quantity { width: 100%; margin-bottom: 0.1rem; display: flex; justify-content: center; } .content .corporate .intro .referral .data .yszj .quantity .number { font-size: 0.5rem; color: #fff; font-weight: bold; } .content .corporate .intro .referral .data .yszj .quantity span { font-size: 0.5rem; color: #fff; font-weight: bold; } .content .corporate .intro .referral .data .yszj .explain { font-size: 0.16rem; color: #fff; max-width: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .corporate .intro .referral .qyjj-nr { width: 100%; margin-top: 0.31rem; text-align: justify; } .content .corporate .intro .referral .qyjj-nr p { font-size: 0.18rem; color: #666; line-height: 32px; margin-bottom: 0.34rem; text-indent: 2em; } /* 中心概况—组织架构 */ /* 首页 */ .header-sy { width: 100%; position: relative; box-shadow: 0 0 3.1rem #021644 inset; height: 1000px; } .header-sy .header-sy-itop { width: 100%; position: absolute; left: 0; top: 0; z-index: 99999; height: 0.91rem; box-shadow: 0 0.7rem 0.5rem #021644 inset; } .header-sy .header-sy-top { height: 0.91rem; display: flex; align-items: center; justify-content: space-between; } .header-sy .header-sy-top .ilogo { width: 4.07rem; height: 0.32rem; } .header-sy .header-sy-top .ilogo img { width: 100%; height: 100%; } .header-sy .header-sy-top .ilogo .elogo { display: block; } .header-sy .header-sy-top .ilogo .ologo { display: none; } .header-sy .header-sy-top .header-sy-right { display: flex; align-items: center; } .header-sy .header-sy-top .header-sy-right .inav-box { margin-right: 0.3rem; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav { float: left; margin-right: 0.2rem; position: relative; line-height: 0.3rem; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav.last { margin-right: 0; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav h4 { font-weight: normal; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav h4 a { font-size: 0.18rem; color: #fff; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav:hover h4 a { color: #2082c4; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul { position: absolute; width: 1rem; left: 50%; margin-left: -0.5rem; top: 0.33rem; display: none; z-index: 9999; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul li { width: 100%; height: 0.4rem; line-height: 0.4rem; text-align: center; background: url(../images/bg3.png) repeat; position: relative; z-index: 999999; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul li a { display: block; width: 100%; font-size: 0.14rem; color: #fff; } .header-sy .header-sy-top .header-sy-right .grabble { width: 0.26rem; height: 0.26rem; position: relative; cursor: pointer; } .header-sy .header-sy-top .header-sy-right .grabble img { width: 100%; height: 100%; display: block; } .header-sy .header-sy-top form { width: 6rem; height: 0.4rem; position: absolute; left: 50%; margin-left: -3rem; top: 0.92rem; z-index: 9; border-radius: 0.06rem; overflow: hidden; display: none; } .header-sy .header-sy-top form input { display: block; float: left; } .header-sy .header-sy-top form .text { width: 85%; padding-left: 0.08rem; font-size: 0.14rem; color: #666; line-height: 0.4rem; height: 0.4rem; } .header-sy .header-sy-top form .submit { width: 15%; background: #2082c4; font-size: 0.16rem; color: #fff; cursor: pointer; height: 0.4rem; } .header-sy .banner-sy { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; } .header-sy .banner-sy ul li { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .header-sy .banner-sy ul li img { width: 100%; height: 100%; display: block; } .header-sy .banner-sy ul li .message { width: 100%; text-align: center; } .header-sy .banner-sy ul li .message h4 { font-size: 0.8rem; color: #fff; font-weight: bold; } .header-sy .banner-sy ul li .message p { font-size: 0.32rem; color: #fff; margin-top: 0.3rem; } .header-sy .banner-sy ul li .ljgd { display: block; width: 1.8rem; height: 0.53rem; border: 1px solid #fff; line-height: 0.53rem; font-size: 0.2rem; color: #fff; margin: 0 auto; margin-top: 1.08rem; text-align: center; } .header-sy .circle { width: 33%; position: absolute; left: 33.5%; z-index: -1; top: 12.96%; opacity: 0.8; } .header-sy .circle .circle1 { width: 100%; height: auto; border-radius: 50%; -webkit-animation: mainline2xz 12s infinite alternate; -moz-animation: mainline2xz 12s infinite alternate; -o-animation: mainline2xz 12s infinite alternate; animation: mainline2xz 12s infinite alternate; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .header-sy .circle > div img { width: 100%; height: auto; display: block; } .header-sy .circle .circle2 { width: 86%; height: auto; position: absolute; left: 7%; top: 7%; -webkit-animation: mainline3xz 12s infinite alternate; -moz-animation: mainline3xz 12s infinite alternate; -o-animation: mainline3xz 12s infinite alternate; animation: mainline3xz 12s infinite alternate; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .header-sy .circle .circle3 { width: 67%; height: auto; position: absolute; left: 16.5%; top: 16.5%; -webkit-animation: mainline4xz 12s infinite alternate; -moz-animation: mainline4xz 12s infinite alternate; -o-animation: mainline4xz 12s infinite alternate; animation: mainline4xz 12s infinite alternate; transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); } .header-sy .circle .circle4 { width: 40%; height: auto; position: absolute; left: 30%; top: 30%; -webkit-animation: mainline3xz 14s infinite alternate; -moz-animation: mainline3xz 14s infinite alternate; -o-animation: mainline3xz 14s infinite alternate; animation: mainline3xz 14s infinite alternate; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); } .header-sy .circle .circle5 { width: 14%; height: auto; position: absolute; left: 43%; top: 43%; animation: mainzx1 12s infinite linear; -webkit-animation: mainzx1 12s infinite linear; -moz-animation: mainzx1 12s infinite linear; -o-animation: mainzx1 12s infinite linear; } .header-sy .ibg { position: absolute; width: 100%; height: 100%; background: url(bg7.png) repeat; left: 0; top: 0; z-index: 6; } .content-sy { width: 100%; } .content-sy .zxgk { padding: 0.6rem 0 0.7rem 0; } .content-sy .headline { width: 100%; text-align: center; } .content-sy .headline h4 { color: #0d36bf; font-size: .28rem; font-weight: bold; } .content-sy .headline .english { font-size: 0.22rem; color: #666; margin-top: 0.1rem; background: url(db1.jpg) no-repeat center bottom; padding-bottom: 0.22rem; text-transform: uppercase; } .content-sy .zxgk ul { width: 100%; } .content-sy .zxgk ul li { width: 49%; float: left; margin-right: 2%; margin-bottom: 15px; } .content-sy .zxgk ul li a { display: block; width: 100%; line-height: 40px; } .content-sy .zxgk ul li:nth-child(2n) { margin-right: 0 } .content-sy .zxgk ul li a .img { width: 100%; height: auto; overflow: hidden; } .content-sy .zxgk ul li a .img img { width: 100%; height: 100%; display: block; transition: all 0.4s; } .content-sy .zxgk ul li a .zxgk-nr h5 { font-size: 0.18rem; color: #333; font-weight: normal; text-align: center; transition: all 0.5s; } .content-sy .zxgk ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } .content-sy .zxgk ul li a:hover .zxgk-nr h5 { color: #0a3b95; transition: all 0.5s; } .h50tp { padding-top: 40px } .content-sy .xwdt { width: 100%; height: 8.19rem; background: url(https://www.jcoc.cn/images/xwdtbg.jpg) no-repeat; background-size: 100% 100%; padding-top: 0.58rem; } .content-sy .xwdt .headline h4 { color: #fff; } .xwdt .headline .ienglish { background: url(db2.jpg) no-repeat center bottom; padding-bottom: 0.2rem; font-size: 0.32rem; color: #fff; } .content-sy .xwdt ul { width: 100%; margin-top: 0.5rem; margin-bottom: 0.2rem; } .content-sy .xwdt ul li { width: 48.75%; height: 2.2rem; background: #fff; float: left; margin-bottom: 0.3rem; } .content-sy .xwdt ul li:nth-child(2n) { float: right; } .content-sy .xwdt ul li a { display: block; width: 100%; height: 100%; padding: 0.33rem 0.35rem 0 0.29rem; transition: all 0.4s; -webkit-transform: translateZ(0); background: #fff; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; -webkit-transform: translateY(0); transition: all 0.5s; transform: translateY(0); } .content-sy .xwdt ul li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0a3b95; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .content-sy .xwdt ul li:hover a:before, .content-sy .xwdt ul li a:focus:before, .content-sy .xwdt ul li:active a:before { -webkit-transform: scale(2); transform: scale(2); } .content-sy .xwdt ul li a .img { width: 34.35%; float: left; overflow: hidden; } .content-sy .xwdt ul li a .img img { width: 100%; height: auto; display: block; transition: all 0.4s; } .content-sy .xwdt ul li a .xwdt-nr { width: 59.77%; float: right; } .content-sy .xwdt ul li a .xwdt-nr h5 { font-size: 0.22rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; line-height: 0.26rem; transition: all 0.4s; } .content-sy .xwdt ul li a .xwdt-nr p { font-size: 0.16rem; color: #666; line-height: 0.28rem; margin-top: 0.14rem; transition: all 0.4s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .content-sy .xwdt ul li a .xwdt-nr .date { font-size: 0.16rem; color: #999; text-align: right; margin-top: 0.06rem; } .content-sy .xwdt ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } /* .content-sy .xwdt ul li a:hover{background:#0a3b95;transition: all 0.4s;} */ .content-sy .xwdt ul li a:hover .xwdt-nr h5 { color: #fff; transition: all 0.4s; } .content-sy .xwdt ul li a:hover .xwdt-nr p { color: #fff; transition: all 0.4s; } .content-sy .xwdt ul li a:hover .xwdt-nr .date { color: #fff; transition: all 0.4s; } .content-sy .xwdt a.ljgd { width: 1.8rem; height: 0.53rem; border: 1px solid #fff; line-height: 0.53rem; text-align: center; display: block; margin: 0 auto; font-size: 0.16rem; color: #fff; transition: all 0.4s; } .content-sy .xwdt a.ljgd:hover { background: #0a3b95; transition: all 0.4s; border: 1px solid #0a3b95; } .content-sy .cxcg { padding: 0.62rem 0 0.8rem 0; } .content-sy .cxcg ul { width: 100%; margin-top: 0.5rem; } .content-sy .cxcg ul li { width: 33.3333333%; float: left; height: 3rem; } .content-sy .cxcg ul li a { display: block; width: 100%; height: 100%; position: relative; } .content-sy .cxcg ul li a .img { width: 100%; height: 3rem; overflow: hidden; } .content-sy .cxcg ul li a .img img { width: 100%; height: 100%; display: block; transition: all 0.4s; } .content-sy .cxcg ul li a .name { position: absolute; width: 100%; height: 100%; background: url(../images/bg8.png) repeat; font-size: 0.24rem; color: #fff; display: flex; align-items: center; justify-content: center; left: 0; top: 0; text-align: center; overflow: hidden; } .content-sy .cxcg ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } .header-sy-right .sydh-sp { width: 1rem; height: 0.8rem; position: relative; margin-left: 0.6rem; display: none; } .header-sy-right .sydh-sp span { background: url(../images/cd1.png) no-repeat; display: block; width: 100%; height: 0.11rem; background-size: 100% 0.11rem; position: absolute; z-index: 5; top: 0.01rem; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .header-sy-right .sydh-sp span.menu2 { top: 0.345rem; } .header-sy-right .sydh-sp span.menu3 { top: 0.69rem; } .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .header-sy-right .sydh-sp.on .menu1 { top:.35rem; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .header-sy-right .sydh-sp.on .menu2 { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; } .header-sy-right .sydh-sp.on .menu3 { top:.35rem !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header-sy-top .isp-dh { width: 100%; background: #0a3b95; position: absolute; left: 0; top: 1.6rem; padding-top: 0.8rem; display: none; } .header-sy-top .isp-dh .sp-idh { width: 100%; } .header-sy-top .isp-dh .sp-idh.last h6 { border-bottom: none; } .header-sy-top .isp-dh .sp-idh h6 { width: 100%; height: 1rem; display: flex; align-items: center; border-bottom: 1px solid #ddd; font-weight: normal; } .header-sy-top .isp-dh .sp-idh h6 a { padding: 0 5%; font-size: 16px; color: #fff; display: block; width: 100%; height: 100%; display: flex; align-items: center; } .header-sy-top .isp-dh .sp-idh ul { display: none; } .header-sy-top .isp-dh .sp-idh ul li { width: 100%; height: 0.8rem; border-bottom: 1px solid #ddd; } .header-sy-top .isp-dh .sp-idh ul li a { width: 100%; padding: 0 8%; font-size: 14px; color: #fff; height: 0.8rem; line-height: 0.8rem; display: block; } .header-sy-top .isp-dh .sp-idh.on h6 { background: #3b62aa; } .banner-sy .swiper-pagination.swiper-pagination-bullets { bottom: 16%; } .banner-sy .swiper-pagination.swiper-pagination-bullets span { width: 0.6rem; height: 3px; background: #6c7792; border-radius: 0; margin: 0 0.15rem; transition: all .2s ease-in 0s; } .banner-sy .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #cbcbcb; height: 8px; transition: all .2s ease-in 0s; } .header-sy .point { position: absolute; bottom: 0; width: 1.7rem; height: 0.85rem; left: 50%; margin-left: -0.85rem; z-index: 9999; cursor: pointer; } .header-sy .point img { width: 100%; height: 100%; display: block; } .header-sy .ibanner-sy { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .header-sy .ibanner-sy .drawing { width: 100%; height: 100%; display: block; } .header-sy .ibanner-sy .drawing-sj { width: 100%; height: 100%; display: none; } .header-sy #particles-js { width: 100%; position: absolute; z-index: -10; left: 0; top: 0; opacity: 0.6; } .header-sy .name-sy { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; } .header-sy .name-sy img { width: 86.2%; height: auto; display: block; } .header-sy .banner-sy-sj { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999; display: none; } .header-sy .banner-sy-sj ul li { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .header-sy .banner-sy-sj ul li .imessage { width: 100%; padding: 0 3.2%; margin-bottom: 1.56rem; text-align: center; } .header-sy .banner-sy-sj ul li .imessage h4 { font-size: 36px; color: #fff; } .header-sy .banner-sy-sj ul li .imessage p { font-size: 22px; color: #fff; margin-top: 20px; } .header-sy .banner-sy-sj ul li a.ljgd { width: 118px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; font-size: 14px; color: #fff; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets { bottom: 16%; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets span { width: 1.4rem; height: 3px; background: #6c7792; border-radius: 0; margin: 0 0.15rem; transition: all .2s ease-in 0s; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #cbcbcb; height: 6px; transition: all .2s ease-in 0s; } .header-sy .header-sy-itop .translate { position: absolute; right: 10%; line-height: 0.3rem; top: 50%; margin-top: -0.15rem; } .header-sy .header-sy-itop .translate a { font-size: 0.16rem; color: #fff; text-transform: uppercase; } .header-sy .header-sy-itop .translate span { font-size: 18px; color: #fff; margin: 0 0.15rem; } /* 联系我们—留言板 */ .content .lxwm-lyb { background: #f8f8f8; padding: 0.5rem 0 0.8rem 0; width: 100%; } .content .lxwm-lyb .lyb { background: #fff; padding: 0.68rem 0.62rem 0.5rem; } .content .lxwm-lyb .lyb h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; } .content .lxwm-lyb .lyb form { width: 100%; margin-top: 0.66rem; } .content .lxwm-lyb .lyb form > div { float: left; width: 32%; height: 0.41rem; line-height: 0.41rem; border: 1px solid #ccc; margin-right: 2%; display: flex; padding-left: 0.14rem; } .content .lxwm-lyb .lyb form > div span { font-size: 0.16rem; color: #999; display: block; line-height: 0.39rem; } .content .lxwm-lyb .lyb form > div span.on { color: #333; } .content .lxwm-lyb .lyb form > div input { display: block; width: 89%; line-height: 0.39rem; padding: 0 0.1rem; font-size: 0.14rem; color: #666; } .content .lxwm-lyb .lyb form .mailbox { margin-right: 0; } .content .lxwm-lyb .lyb form textarea { width: 100%; border: 1px solid #ccc; height: 2.1rem; margin-top: 0.3rem; font-size: 0.14rem; color: #666; outline: none; font-family: "Microsoft YaHei"; padding: 0.12rem 0.18rem; } .content .lxwm-lyb .lyb form .submit { width: 2rem; height: 0.6rem; background: #0a3b95; font-size: 0.16rem; color: #fff; cursor: pointer; display: block; margin: 0.25rem auto 0; } .social-share { margin-top: 20px; text-align: left; } .swiper-container3 { display: none } .swiper-container { width: 100%; height: 100%; } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { width: 100% } .header { display: none } .inside-mob { display: none } #dituContent { width: 100%; height: 5rem; border: #ccc solid 1px; } /* PC端适配 */ /* 分页*/ .list_pas { padding: 0.25rem 0; font-size: .16rem; text-align: center; margin-bottom: .5rem } .list_pas ul { display: inline-block; margin: 0 auto; padding: 0 } .list_pas ul li { float: left; margin: 0 2px; line-height: 36px; background: #fff; border: 1px solid #d8dadf; } .list_pas ul li a { float: left; color: #555; display: block; padding-left: 14px; padding-right: 14px; } .list_pas ul li:hover { text-decoration: none; color: #fff; border: 1px #333 solid; background-color: #164281 } .topx01 { border-top: 1px #d8dadf solid; padding-top:.3rem } .list_pas ul li:hover a { color: #fff } .list_pas ul li:hover a:hover { color: #fff; text-decoration: none } .list_pas ul li.thisclass { background-color: #164281; color: #fff; border: 1px #333 solid; } .list_pas ul li.thisclass a { color: #fff } .list_pas .pageinfo { line-height: 30px; padding-left: 15px; padding-right: 15px } .list_pas strong { font-weight: 400 } .gsxx .bt { display: none } .yqlj .w1200 { padding-top: 20px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #073063; margin-top: 20px } .yqlj .w1200 b { font-size: 0.18rem; font-weight: normal; color: #fff } .yqlj .w1200 p { padding-top: 10px } .yqlj .w1200 p img { height: 0.45rem; margin-bottom: 8px; margin-right: 0.05rem } .yqlj .w1200 a { color: #999; font-size: 0.14rem; } .yqlj .w1200 a:hover { color: #fff; } .cpmenu{ float:left;width:24%;} .cpmenu b{ display:block; background-color:#0d36bf; line-height: 60px; color: #fff; font-size:18px; padding-left:20px;} .cpmenu li{ display:block} .cpmenu a{ display:block;background: #f3f3f3; margin-top:4px; color:#484848} .cpmenu a.lmmane{ line-height:0.56rem;padding-left:20px;font-size: 0.2rem;} .cpmenu a.lmmane .iconfont{ float:right; font-size: 0.18rem; margin-right:25px;} .cpmenu a:hover{color: #0d36bf;} .cpmenu .artlist{ display:none} .cpmenu .artlist a.atrr{ padding-left:32px;line-height:0.5rem; display:block; font-size: 0.16rem;} .cpmenu .artlist a.on{color: #0d36bf; } .cpmenu .on .artlist{ display: block} .cpmenu .on a.lmmane{ color: #0d36bf; font-weight: bolder;} /* 环保产品 */ .hbsb-list{width:calc(76% - 40px); float:right; padding-bottom:40px;} .hbsb-list .clearfix li{ float:left;width:calc(33.3333% - 15px); margin-right:22px;margin-bottom:25px;border: 1px solid #ebebeb;} .hbsb-list .clearfix li:nth-child(3n){ margin-right:0px;} .hbsb-list .clearfix li .images{} .hbsb-list .clearfix li .images img{ width:100%; } .hbsb-list .clearfix li .hyhdxx{ font-size: 0.18rem; color: #333; line-height: 0.6rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: #ebebeb; text-align:center;height: 0.6rem; background-color:#f2f2f2 } .hbsb-list .clearfix li:hover .hyhdxx { background-color:#0d36bf; color:#fff} .hbsb-list .clearfix li:hover .item img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);z-index:9990;} .item img {-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} .cpbodytxt{width:calc(76% - 40px); float:right; padding-bottom:40px;} .cpbodytxt .protitle { text-align: center; font-weight: bold; font-size: 24px; color: #133f96; margin-bottom:30px; padding-top:0px;} .cpbodytxt .proimg{ width:100%} .cpbodytxt .proimg img{ width: 100%; border: 1px solid #eaeaea;} .cpbodytxt .cpbtne{ margin-top:50px; width:100%; height:50px; } .cpbodytxt .cpbtne span{ background-color:#0072bc; color:#fff; line-height:34px; border-radius:17px; padding-left:20px; padding-right:20px; font-size:16px; display:block; float:left} .cpbodytxt,.cpbodytxt p{TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify;line-height: 30px; font-size:14px;} .cpbodytxt table { border-collapse: collapse; /* 使边框合并为一个单一的边框 */ width: 100%; /* 可选：设置表格宽度 */ } .cpbodytxt table, th, td { border: 1px solid #D1D1D1; text-align:center; line-height:34px; /* 为表格、表头和单元格添加边框 */ } .cmap{width: 100%;} .cmap img{width: 100%; } /* 环保产品 */ .hblist{float: left; width: 25%;font-size: 0.2rem;} .hblist ul li{ margin-top:7px;line-height: 0.56rem;} .hblist ul li.indexj{ margin-top:10px;} .hblist ul li .onej{ padding-left:10px; background-color:#0072bc; color:#fff;line-height: 0.60rem;} .hblist ul li .twoj{ padding-left:25px; background-color:#e4e7e8; } .hblist ul li .twoj .iconfont{ float:right; margin-right:15px;} .hblist ul li a{ display: block; position: relative;line-height: 0.56rem; font-size: 0.2rem; width:100%} .hblist ul li ul{display: none;} .hblist ul li ul.on{ display:block} .hblist ul li ul li ul{display: none;} .hblist ul li ul li a{ padding-left:20px;} .hblist ul li ul li ul li a{ padding-left:38px; color:#333; background-color:#f2f2f2;font-size: 0.18rem;} .hblist ul li ul li ul li a.on,.hblist ul li ul li ul li:hover a{color:#fff; background-color:#de3535; } .cplm { margin-bottom:20px;border: 1px solid #eaeaea;} .cplm img{ width:100%} .cptypename{text-align: center; font-weight: bold; font-size: 24px; color: #133f96; margin-bottom: 30px; padding-top: 0px;} .cpnrbody img{ max-width:100%; height:auto} /* 移动端适配 */ @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .pcx { display:none } .investor-body { background: url() no-repeat top center fixed #fff; } .htop { display:none } .nav-box { display:none } .inside-tips { display:none } .path { display:none } .pcnone { display:none } .footer .footer-top .footer-right .scan { display:none } .footer .footer-top .footer-right .gsxx { width: 100%; margin-top: 0rem; } .footer .footer-top .footer-right .gsxx .bt { display:block; color:#fff; font-size:13px; line-height:30px } .inside-mob { display:block; } .inside-mob img { width:100% } .header { display:block } .profile-wrap .f48 { padding-top: 1rem; font-size:1rem; } .profile-wrap .f36 { display:none } .navigation ul li { width: auto; height: 1.6rem; border: 1px solid #eaeaea; line-height: 1.6rem; text-align: center; float: left; margin-right: 0.3rem; margin-top: 0.5rem; } .navigation .abouli li { width:calc(25% - 0.25rem); } .navigation .abouli li a { font-size:13px; } .navigation ul li:last-child { margin-right: 0rem; } .nrinyu .navigation .abouli li { width:calc(25% - 0.25rem); } .nrinyu .navigation .abouli li:nth-child(4n) { margin-right: 0rem; } .navigation ul li a { display: block; height: 100%; font-size: 0.6rem; color: #666; line-height: 1.6rem; } .navigation .abouli li a { width:100%; padding:0 } .navigation ul li.on a, .navigation ul li a:hover { line-height: 1.6rem; } .aboultlb { text-align: center; padding-top:30px; height:auto; line-height:30px; margin:auto; margin-bottom:0px; } .aboultlb a { background-color: #f2f2f2; border-left-width: 0px; border-left-style: solid; border-left-color: #fff; font-size: 13px; color: #333; border-radius:80px 80px 80px 88px; margin-left: 2px; margin-right: 2px; white-space: nowrap; display: block; width:calc(25% - 5px); float: left; margin-bottom: 10px; padding: 0; } .aboultlb a:nth-child(1) { border-left-width: 0px; border-radius:80px 80px 80px 88px; padding-left:0px } .aboultlb a:nth-child(7) { border-right-width: 0px; border-radius:80px 80px 88px 80px; padding-right:15px } .aboultlb a.on, .aboultlb a:hover { background: #ff373b; color: #fff; } .content .product .iproduct .oproduct li { width: 48%; float: left; margin: 0 2.8% 0.34rem 0; } .content .product .iproduct .oproduct li:nth-of-type(even){margin-right: 0;} .profile-wrap .cont { font-size: 14px; color: #666; line-height: 1.5; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; padding-bottom: 1rem;padding-top: 1rem; } .footer .records { height: auto; font-size: 12px; height:36px; } .footer .records a { padding-left:0; line-height:36px; } .footer .records span { display:none } .footer .footer-top .footer-right { width: 100%; } .w1200 { width:100% !important; padding:0 3.2% !important; } .header { height:2.5rem; } .header .logo { height:2rem; float:left; margin-top:0.3rem } .header .logo img { height:1.4rem; display:block; margin-top:0.3rem } .nav-box { display:none; } .banner .location { display:none; } .header .reference { display:none; } .header .ss-dh-sp { display:flex; float:right; margin-top:0.8rem } .content .ejlm { height:1rem; line-height:1rem; } .content .ejlm ul li { height:1rem; width:auto; } .content .ejlm ul li a { line-height: 1rem; height:1rem; } .content .ejlm ul li a { width:100%; line-height:1rem; height:1rem; font-size:16px; background-size:1px 0.5rem; padding:0 0.3rem; } .content .gjsb ul li { height:auto; } .content .skip { display:none; } .content a.ckgd { display:block; } .content .product .iproduct { padding:0.7rem 3.2% !important; } .content .product .iproduct .navigation ul li { height:32px; } .content .product .iproduct .navigation ul li a { display:flex; align-items:center; justify-content:center; } .content .product .iproduct .oproduct ul li { margin-right:3.5%; width:31%; margin-bottom:16px; } .content .product .iproduct .oproduct ul li.three { margin-right:0; } .content .product .iproduct .oproduct ul li a p { font-size:14px; margin-top:12px; } .content .product .iproduct .oproduct ul li.four { margin-right:3.5%; } .content .product .iproduct .oproduct ul li.two.three.four { margin-right:0; } .content .contact .icontact h3 { font-size:16px; } .content .contact .icontact .atlas .lxwmxx > div { font-size:14px; line-height:22px; } .content .contact .icontact .atlas .lxwmxx > div em { width:100%; } .content .contact .icontact .atlas .lxwmxx .wxdh span { background-size:0.28rem 0.28rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .wxdh2 span { background-size:0.28rem 0.28rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .qqyx span { background-size:0.28rem 0.24rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .dhcz span { background-size:0.29rem 0.29rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .gsdz span { background-size:0.25rem 0.29rem; padding-left:0.5rem; } .content .hyhd .ihyhd ul li a .hyhdxx { margin-top:5px; } .content .hyhd .ihyhd ul li a .hyhdxx h5 { font-size:14px; } .content .hyhd .ihyhd ul li a .hyhdxx p { font-size:12px; line-height:16px; } .content .zxxw .izxxw .journalism { width:100%; } .content .zxxw .izxxw .zxxw-right { width:100%; margin-top:14px; } .content .zxxw .izxxw .zxxw-right .recommend { width:40%; float: left; } .content .zxxw .izxxw .journalism ul li a .date { height:auto; } .content .zxxw .izxxw .journalism ul li a .date .day { font-size:30px; } .content .zxxw .izxxw .journalism ul li a .date .year { font-size:13px; margin-top:12px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx h4 { font-size:14px; padding-bottom:3px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p { display:none } .content .zxxw .izxxw .zxxw-right .recommend { padding:14px 14px 14px 14px; } .content .zxxw .izxxw .journalism ul { padding-top:10px } .content .zxxw .izxxw .journalism ul li { height:auto; margin-bottom: 10px; padding-bottom: 10px; } .content .zxxw .izxxw .journalism ul li a { height:auto; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx h5 { font-size:18px; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx p { font-size:16px; line-height:22px; } .content .zxxw .izxxw .zxxw-right .recommend .ickgd { font-size:16px; } .content .zxxw .izxxw .zxxw-right .tjbt { width:40%; float:left; margin-left:5%; } .content .zxxw .izxxw .zxxw-right .tjbt .title { padding:10px; margin-bottom:8px; } .content .zxxw .izxxw .zxxw-right .tjbt .title p { font-size:16px; } .content .zxxw .izxxw .journalism ul li .newsimg { float: left; width: 30%; height: auto; transition: width 0.3s ease; /* 添加过渡动画 */ overflow: hidden; /* 防止内容溢出 */ } .content .zxxw .izxxw .journalism ul li:hover .newsimg { width: 30%; } .content .zxxw .izxxw .journalism ul li .zxxwxx span { color:#C9C9C9 } .content .zxxw .izxxw .journalism ul li a .looku { display:none; height:auto } .mobx { display: block; } .content .xwdt .ixwdt { padding:0.4rem 3.2% !important; } .content .xwdt .ixwdt .caption h4 { font-size:16px; padding-bottom:6px } .content .xwdt .ixwdt .caption .shorttitle { font-size: 16px; color: #333; font-weight: normal; padding-top: 10px } .content .xwdt .ixwdt .caption .date { font-size:12px; } .content .xwdt .ixwdt .xwxq p { font-size:14px; line-height:24px; } .content .xwdt .ixwdt .article > div { font-size:14px; } .content .zcyz .izcyz { padding:0.68rem 0% 0.8rem 0% !important; } .content .zcyz .izcyz h4 { font-size:18px; } .content .zcyz .izcyz .recruit .recruit-top { height:40px; } .content .zcyz .izcyz .recruit .recruit-top ul li { height:40px; line-height:40px; font-size:12px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj { height:50px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz span { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz { padding: 0rem 0.3rem 0.42rem 0rem; text-align: left; display: none; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p { background-size:0.3rem 0.3rem; padding-right:0.5rem; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p { background-size:0.3rem 0.3rem; padding-right:0.5rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { line-height:24px; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span { height:40px; line-height:40px; min-width:40px; font-size:14px; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate a { height:40px; line-height:40px; min-width:40px; font-size:14px; } .content .zcyz .izcyz .recruit .zpxx .translate .xyy { height:40px; line-height:40px; font-size:14px; padding:0 10px; } .content .chronicle .ichronicle { padding:0.72rem 3.2% 0.5rem 3.2% !important; } .content .chronicle .ichronicle .catalogue ul li .year { font-size:16px; line-height:28px; } .content .chronicle .ichronicle .catalogue ul li .dsj .month { width:56px; height:26px; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth p { height:26px; line-height:26px; font-size:14px; } .content .chronicle .ichronicle .catalogue ul li .dsj .story { font-size:14px; line-height:24px; width:90.5%; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth { padding-left:12px; } .content .chronicle .ichronicle h4 { font-size:18px; } .content .stockholder .constitute { padding:0.7rem 3.2% 0.5rem 3.2% !important; } .content .stockholder .constitute h4 { font-size:16px; } .content .stockholder .constitute .gdgc { margin-top:8px; } .content .stockholder .constitute .gdgc .gdgc-sm { font-size:14px; line-height:24px; } .content .stockholder .constitute .gdgc .gdgcb span { font-size:14px; margin-bottom:12px; } .content .stockholder .constitute .gdgc .gdgcb table { width:93%; } .content .stockholder .constitute .gdgc .gdgcb table tr th { height:60px; font-size:14px; } .content .stockholder .constitute .gdgc .gdgcb table tr th.ranking { height:32px; } .content .stockholder .constitute .gdgc .gdgcb table tr th.iranking { height:auto; } .content .stockholder .constitute .gdgc .gdgcb table tr td { height:40px; font-size:14px; } .content .operation .pattern { padding:0.7rem 3.2% 0.5rem 3.2% !important; } .content .operation .pattern h4 { font-size:16px; } .content .operation .pattern .yyms-nr { margin-top:10px; } .content .operation .pattern .yyms-nr p { font-size:14px; line-height:24px; } .content .corporate .intro { padding:0.8rem 3.2% 0.42rem 3.2% !important; } .content .corporate .intro .synopsis .brief .qyjj h5 { font-size:16px; } .content .corporate .intro .synopsis .brief .qyjj p { font-size:14px; line-height:24px; } .content .corporate .intro .referral .data { height:160px; } .content .corporate .intro .referral .data .yszj .quantity .number { font-size:40px; } .content .corporate .intro .referral .data .yszj .quantity span { font-size:40px; } .content .corporate .intro .referral .data .yszj .explain { font-size:16px; max-width:200px; } .content .corporate .intro .referral .qyjj-nr { margin-top:26px; } .content .corporate .intro .referral .qyjj-nr p { font-size:14px; line-height:24px; } .content .corporate .intro .synopsis .brief .qyjj { margin-top:36px; } .content-sy .zxgk { padding:0.6rem 3.2% 0.7rem 3.2% !important; } .header-sy .header-sy-top { width:100%; padding:0 3.2%; left:0; margin:0; } .header-sy .header-sy-itop { height:1.6rem; } .header-sy .header-sy-top { height:1.6rem; } .header-sy .header-sy-top .ilogo { width:10rem; height:auto; } .header-sy .header-sy-top .ilogo img { width:100%; height:auto; display:block; } .header-sy .header-sy-top .ilogo .elogo { display:none; } .header-sy .header-sy-top .ilogo .ologo { display:block; } .header-sy .header-sy-top .header-sy-right .inav-box { display:none; } .header-sy .header-sy-top .header-sy-right .grabble { width:1rem; height:1rem; } .header-sy .header-sy-top form { top:1.7rem; height:36px; width:60%; left:20%; margin-left:0; } .header-sy .header-sy-top form .text { height:36px; line-height:36px; padding-left:0.2rem; } .header-sy .header-sy-top form .submit { height:36px; } .content-sy .headline h4 { font-size:18px; } .content-sy .headline .english { font-size:14px; } .content-sy .headline .ienglish { font-size:16px; } .content-sy .zxgk ul li a .zxgk-nr h5 { font-size:12px; } .content-sy .zxgk ul li a .zxgk-nr p { font-size:14px; line-height:24px; } .content-sy .xwdt { padding:1rem 0 0.3rem 0; height:auto; } .content-sy .xwdt ul li { height:auto; width:100%; } .content-sy .xwdt ul li a { padding:0.33rem 0.35rem 0.33rem 0.29rem; } .content-sy .xwdt ul li a .img { max-height:auto; } .content-sy .xwdt ul li a .xwdt-nr { width:62%; } .content-sy .xwdt ul li a .xwdt-nr h5 { font-size:14px; line-height:20px; color:#000 } .content-sy .xwdt ul li a .xwdt-nr p { font-size:12px; line-height:14px; } .content-sy .xwdt ul li a .xwdt-nr .date { font-size: 12px; color: #999; text-align: left; margin-top: 3px; } .content-sy .cxcg ul li { height:auto; } .content-sy .cxcg ul li a .img { height:auto; } .content-sy .cxcg ul li a .name { font-size:16px; } .header-sy-right .sydh-sp { display:block; } .header-sy { height:600px !important; } .header-sy .point { display:none; } .content .lxwm-lyb .lyb { padding:0.68rem 3.2% 0.5rem !important; } .content .lxwm-lyb .lyb form > div { height:38px; line-height:38px; } .content .lxwm-lyb .lyb form > div span { font-size:16px; line-height:36px; } .content .lxwm-lyb .lyb form > div input { font-size:14px; line-height:36px; padding:0 8px; } .content .lxwm-lyb .lyb h4 { font-size:20px; } .content .lxwm-lyb .lyb form .submit { width:120px; height:40px; line-height:40px; font-size:16px; } .content .lxwm-lyb .lyb form textarea { font-size:14px; height:160px; } .header-sy .header-sy-itop .translate { display:none; } .content .hyhd .ihyhd ul li a .images { height:160px; } .footer .footer-top .footer-right .gsxx > div { font-size: .6rem; color: #999; line-height: 0.9rem; margin-bottom: 0.2rem; } .footer .footer-top .footer-right .gsxx .gsdz em { display: block; float: left; width: auto; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .lxwm { display:none } .content .hyhd .ihyhd ul li .hyhdxx { font-size: 0.6rem; color: #333; line-height: 1.5; height: 1.8rem; } .ihyhd, .izxxw, .jjabout { width:100%!important; padding:0!important; } .content .product .iproduct .oproduct li .hyhdxx { font-size: 0.6rem; color: #333; line-height: 1rem; } /* 分页*/ .list_pas { padding: 0.25rem 0; font-size: .6rem; text-align: center; margin-bottom: 0rem; } .list_pas ul li { float: left; margin: 0px; line-height: 28px; background: #fff; border: 1px solid #d8dadf; margin-bottom:7px; margin-right:5px } .list_pas ul li a { float: left; color: #555; display: block; padding-left: 8px; padding-right: 8px; } .list_pas .pageinfo { line-height: 28px; padding-left: 8px; padding-right: 8px } .topx01 { border-top: 1px #d8dadf solid; padding-top: .8rem; } .content .zcyz .izcyz .liszpd { padding-top: 0rem; } .content .zcyz .izcyz .liszpd h3 { font-size: 0.65rem; font-weight: normal; } .content .zcyz .izcyz .liszpd .text { line-height: 0.6rem; padding-top: 0.3rem; color: #999; line-height:0.9rem } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size: 12px; } .content .zcyz .izcyz .recruit .recruit-top ul li.for1 { width: 30%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zwmc { width: 30%; padding-left: 0px; text-align: left } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .gzdd, .content .zcyz .izcyz .recruit .recruit-top ul li.for2 { width: 30%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zprs, .content .zcyz .izcyz .recruit .recruit-top ul li.for5 { width: 20%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq, .content .zcyz .izcyz .recruit .recruit-top ul li.for6 { width: 20%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for3, .content .zcyz .izcyz .recruit .recruit-top ul li.for4, .content .zcyz .izcyz .recruit .zpxx ul li .zptj .fbsj, .content .zcyz .izcyz .recruit .zpxx ul li .zptj .jzsj { display:none } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p, .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p { background-size:0px 0px } .his_list ul li .text h3 { font-size: 18px; } .his_list ul li .text { width: auto; } .content .zxxw .izxxw .journalism ul li:hover .newsimg { width: 30%; } .content .zxxw .izxxw .journalism ul li .newsimg img { width: 100%; border-radius: 4px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx { width:67%; padding-top: 0px; padding-left:10px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p { display:none } .content .zxxw .izxxw .journalism { padding:0px } .zxxw-right { display:none } .content .hyhd .ihyhd ul li { width: 49%; float: left; margin-right:2%; min-height:150px; } .content .hyhd .ihyhd ul li:nth-child(3n) { margin-right:2%; float: left; } .content .hyhd .ihyhd ul li:nth-of-type(2n) { float:right; margin:0px } .content .hyhd .ihyhd ul li a .images { height: auto; } .content .hyhd .ihyhd ul li:nth-of-type(2n):before { content: ''; clear: both; display: table; } .xwxq img { max-width:100% } .text_cur { padding-top:15px; height:auto; padding-bottom:40px } .content .contact .icontact .atlas .lxwmxx { position: inherit; right: 0; top: 0; background: url(bg3.png) repeat; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 15px 15px 15px 15px; margin-bottom:30px } .content .contact .icontact .atlas .lxwmxx > div span { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx > div em { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx .wxdh span, .content .contact .icontact .atlas .lxwmxx .wxdh2 span, .content .contact .icontact .atlas .lxwmxx .qqyx span, .content .contact .icontact .atlas .lxwmxx .dhcz span, .content .contact .icontact .atlas .lxwmxx .gsdz span { padding-left: 20px; background-size: 12px 12px; } .content .contact .icontact .atlas .lxwmxx > div em { width: auto; } #dituContent { width:100%; height:250px; border:#ccc solid 1px; margin-top:40px } .swiper-button-next, .swiper-button-prev { display:none!important } .textzbu { padding-bottom: 20px; width:100% !important; padding:0px 3.2% !important; } .titb a { color: #1b3a70; font-size: 16px; font-weight: bold; line-height: 30px; } .titb { -webkit-background-size: 6px 9px; background-size: 6px 9px; background-position: bottom left; height: 40px; margin-bottom: 10px; } .titb a::after { height: 9px; background-repeat: repeat-x; -webkit-background-size: 6px 9px; background-size:6px 9px; width: 66px; } .textzbu p { font-size: 13px; color: #484848; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; padding-top: 5px; } .withArrow { font-size: 14px; } .withArrow li { padding-top: 5px; float: left; width: 33.333%; } .video { float: right; width: 100%; margin-top: 0px; background-color: #000; padding:0; margin:0; height:230px; overflow:hidden; margin-top:30px } .video video { min-height: 230px; width: 100%; background-color: #000; } .content-sy .xwdt ul { width: 100%; margin-top: 20px; margin-bottom: 10px; } .content-sy .xwdt a.ljgd { width: 100px; height: 30px; border: 1px solid #fff; line-height: 30px; text-align: center; display: block; margin: 0 auto; font-size: 14px; color: #fff; transition: all 0.4s; margin-bottom:30px } .h50tp { padding-top: 20px; } .content-sy .zxgk ul li { width: 100%; float: left; margin-right: 0%; margin-bottom: 5px; } .content-sy .zxgk ul li:nth-of-type(2n) { float:right; margin-right:0px } .swiper-container3 { width: 100%; height: 100%; display:block; } .swiper-paginationa { text-align:center; position: relative; z-index:1; bottom: 20px!important; } .shXW-xq { width:100%; height:auto; margin:auto; text-align:center; overflow:hidden; margin-top:30px; } .shXW-xq video { width:100%; height:auto; } .yqlj { display:none } #tabs3 ul.anlm { display: block; float: none; width: 100%; } #tabs3 .anlm li { border-bottom: 1px solid #fff; float:left; margin-right:0.5rem } #tabs3 .anlm li a { display: block; color: #333; line-height: 1.4rem; font-size: 0.6rem; padding-left: 0rem; padding-right: 0rem; } #tabs3 .anlm li a span { float: left; font-size: 0.6rem } #tabs li a:hover, #tabs2 li a:hover, #tabs3 li a:hover, #tabs4 li a:hover, #tabs5 li a:hover { color: #dc3538; } #tabs_container { float: none; width: 100%; margin-left: 0rem; overflow: hidden; position: relative; } #tabs_container div { width: 100%; padding-top:10px; } #tabs_container div h5 { font-weight: normal; color: #dc3538; font-size: 0.6rem; line-height:1.2rem; padding-bottom:10px; display:none } #tabs_container div ul { border-left-width: 1px; border-top-width: 1px; border-left-style: solid; border-top-style: solid; border-left-color: #CCC; border-top-color: #CCC; } #tabs_container div ul li { float: left; width: 100%; padding-left: 3%; line-height: 1.4rem; color: #666; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; height: 1.4rem; } .tabulous_active { color: #dc3538 !important; border-bottom: 0px solid #dc3538; } .shnme { width:100% !important; padding:0!important; margin:0 } .inbannfl { display:none } .pagebox { position: relative; height: 280px; overflow:hidden; min-height: 280px;margin-top: 40px; } .investor-body .pagebox { position: relative; height: auto!important;; overflow:hidden; min-height: auto!important; } #c_portal { height: 280px; min-height:280px } .muuweb-header-m .muuweb-logo { width: 220px; float: left; margin: 14px 0 0 10px; display: block; transition: all 0.8s; } #c_portamain { width: auto; max-width: none; min-width: 0px; max-height: none; height: 50px; min-height: 50px; } .zxxw250925 .newslist .newsbox03 { padding: 0 0px; position: relative; background: #fff; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); } .zxxw250925 .newslist .newsbox03 .mord01 .pic { width: 100%; float: none; } .zxxw250925 .newslist .newsbox03 .txtarea02 { width: 100%; float: none; padding-top: 10px; } .newsrleft { float: left; width: calc(100% - 0px); } .aboutpic{float:none;margin-left:0px; width:100%} .zxxw250925 .newslist .newsbox03 .txtarea02 h2 a { font-size: 16px; color: #333; } .zxxw250925 .newslist li { margin-top: 0px; padding-top: 80px; } .zxxw250925 .newslist .newsbox03 .txtarea,.zxxw250925 .newslist .newsbox03 .txtarea02 .tips{ display:none} .cpjst .ltxt { float: none; width: calc(100% - 0px); } .cpjst .rmap { display: none; } .cplistwrap li { margin-top: 10px; } .cplistwrap li .cont { width: 100%; margin-left: 0%; padding-top: 0px; float: left; } .cplistwrap li .img { width: 100%; position: relative; height: 100%; overflow: hidden; transition: normal; line-height: 2; } .cplistwrap li:nth-of-type(2n) .cont { float: none; margin-right: 0%; } .hblist { display:none} .sjscxlist{ padding-bottom:20px;} .sjscxlist li{ margin-top:15px} .sjscxlist .scxmap{} .sjscxlist .scxmap img{ width:100%} .sjscxlist p{ display:block; line-height:30px; font-size:16px; color:#333} .hbsb-list { width: calc(100% - 0px); float: right; padding-bottom: 40px; } .cptypename { text-align: center; font-weight: bold; font-size: 24px; color: #133f96; margin-bottom: 10px; padding-top: 20px; } .hbsb-list .clearfix li { float: left; width: calc(50% - 12px); margin-right: 20px; margin-bottom: 25px; border: 1px solid #ebebeb; } .hbsb-list .clearfix li:nth-child(3n) { margin-right: 20px; } .hbsb-list .clearfix li:nth-child(2n) { margin-right: 0px; } .hbsb-list .clearfix li .hyhdxx { font-size: 14px; height: 30px; line-height: 30px; } .cpbodytxt { width: calc(100% - 2px); float: right; padding-bottom: 40px; } .cpbodytxt .protitle { text-align: center; font-weight: bold; font-size: 24px; color: #133f96; margin-bottom: 20px; padding-top: 30px; } .sjxrlist{ padding-top:15px} .sjxrlist a{background-color: #f2f2f2;padding-left:20px; padding-right:20px; line-height:34px; display:block; margin-bottom:5px; color:#333; border-radius:17px;} .sjxrlist .on a{ background: #ff373b; color: #fff; } }